$(function(){
//	点击X时 详情隐藏
	$("#header_banner").click(function(){
		$("#banner_tan").show().find("a").click(function(ev){
			var e=ev||event;
			e.stopPropagation();
			$(this).parent().hide();
			
		});
	
	})
//	第五大道列表划上划出变化
	$(".help_li").hover(function(){
		$(this).children("div").show();
	},function(){
		$(this).children("div").hide();	
	})
	$(".help_li a").hover(function(){
		$(this).addClass("hovercolor");
	},function(){
		$(this).removeClass("hovercolor");
	})
	//li画上去时背景颜色变白
	$(".white_li").hover(function(){
		$(this).addClass("active");
	},function(){
		$(this).removeClass("active");
	})
	//导航里的li a 的背景图划入划出变化
	$(".five").hover(function(){
		$(this).addClass("fivehover");
	},function(){
		$(this).removeClass("fivehover");
	})
	$(".download").hover(function(){
		$(this).addClass("downloadhover");
	},function(){
		$(this).removeClass("downloadhover");
	})
	//隐藏的div显示时 划入划出div a 的颜色变化
	$(".hide_div a").hover(function(){
		$(this).addClass("hidecolor");
		
	},function(){
		$(this).removeClass("hidecolor");
	})
	
	
	//搜索框下的LI划入划出效果 字体颜色为红色
	$("#goos li").hover(function(){
		$(this).find("a").addClass("hidecolor");
		
	},function(){
		$(this).find("a").removeClass("hidecolor");
	})
	//购物车效果
	$(".shopping").hover(function(){
		$("#shopping_cart").show();
	},function(){
		$("#shopping_cart").hide();
	})
	//导航划入划出效果
	$("#nav_left li").hover(function(){
		$(this).children("a").addClass("whitecolor").find("span").addClass("whiteimg");
	},function(){
		$(this).children("a").removeClass("whitecolor").find("span").removeClass("whiteimg");
	})
	//导航点击效果
	$("#nav_left li:not(.position_li)").click(function(){
		$(this).find("a").addClass("clickcolor").parent().siblings().find("a").removeClass("clickcolor");
	})
	
	//商品分类详情列表
	$(".goos_li1").hover(function(){
		$("#details").show().children("ul").children("li").hover(function(){
			$(this).children("span").addClass("spanarrows").parent().siblings().children("span").removeClass("spanarrows");
			$(this).children("div").show().parent().siblings().children("div").hide();
		});
		
	},function(){
		$("#details").hide();
		$(".same").hide();
		
	})
	
	
	
	
	
	
	
	//用JS做的手风琴效果
	var oNav_right=document.getElementById("nav_right");
	var aDiv=oNav_right.getElementsByTagName("div");
	var aP=oNav_right.getElementsByTagName("P");
	for(var i=0;i<aDiv.length;i++){
	     aDiv[i].index=i;
		 aDiv[i].onmouseover=function(){
		 	for(var j=0;j<aDiv.length;j++){
	 			if(j <= this.index) {
					startMove(aDiv[j], {left:j*40});
				} else {
					startMove(aDiv[j], {left:120+j*40});
				}
				
		 	}
		 	
		}
		 aDiv[i].onmouseout=function(){
		 	for(var j=0;j<aDiv.length;j++){
					startMove(aDiv[j], {left:120+j*40});
		 	}
		 	
		}
		
	}
	
	//侧边栏hover out效果
	
	$("#right_b_nav li").hover(function(){
		
		$(this).children("span").show();
	},function(){
		$(this).children("span").hide()
	})
	
	
	
//	banner轮播图

var oBanner_ul=document.getElementById("banner_ul"),
	aLibanner=oBanner_ul.getElementsByTagName("li"),
	oCount=document.getElementById("count"),
	aLicount=oCount.getElementsByTagName("li"),
	oBtn_box=document.getElementById("btn"),
	aBtn=oBtn_box.getElementsByTagName("span"),
	k=0,
	timer=null,
	BannerliW=1280;
	oBanner_ul.innerHTML+=oBanner_ul.innerHTML;
	oBanner_ul.style.width=BannerliW*(aLibanner.length)+"px";
	
	timer=setInterval(move,3000);
	function move(){
		k++;
		if(k==aLibanner.length){
			oBanner_ul.style.left=-BannerliW*(aLibanner.length/2-1)+"px";
			k=aLibanner.length/2;
		}
		startMove(oBanner_ul,{"left":-k*BannerliW});
		for(var i=0;i<aLicount.length;i++){
			
			aLicount[i].className="";	
		}
		aLicount[k%5].className="reddot";
	
	}
	
	//划上小点显示对应图片
	$("#count li").mouseover(function(){
		$(this).addClass("reddot").siblings().removeClass("reddot");
		
	})
	for(var i=0;i<aLicount.length;i++){
		aLicount[i].index=i;
		aLicount[i].onmouseover=function(){
			clearInterval(timer);
			oBanner_ul.style.left=-BannerliW*(this.index)+"px";

		}
		aLicount[i].onmouseout=function(){
			k=this.index-1;	
			timer=setInterval(move,2000);
		}
			
	}
	//点击上一页 下一页切换图片
	oBtn_box.onmouseover=function(){
		clearInterval(timer);
	}
	oBtn_box.onmouseout=function(){
		timer=setInterval(move,2000);
	}
	aBtn[0].onclick=function(){
		k=k-2;
		if(k==-2){
		  oBanner_ul.style.left=-BannerliW*(aLibanner.length/2)+"px";
		  k=aLibanner.length/2-2;
		}
		move();
		
	}
	aBtn[1].onclick=function(){
		move();
		
	}

//	hover模特图片时 品牌动画

   $(".tangwei_flash").hover(function(){
   		$(this).animate({bottom:"0px"},500)
   },function(){
   	   $(this).animate({bottom:"-100px"},500)
   })


   //热门推荐hover效果
   
   $(".hot_pinpai_1").hover(function(){
  		$(this).css("border","1px solid #000");
   		$(this).find(".hot_img").fadeOut(500);
   		$(this).find(".hot_text").fadeIn(500);
   	
   },function(){
   	    $(this).css("border","1px solid #ccc");
     	$(this).find(".hot_img").fadeIn(500);
   		$(this).find(".hot_text").fadeOut(500);
   	
   })
   
   //明星同款选项卡
   $("#choose_li li").hover(function(){
   		var _index=$(this).index();
   		$(this).addClass("hover_bg").siblings().removeClass("hover_bg");
   	
   })
    var oChoose_leftmove=document.getElementById("choose_leftmove");
    var oChoose_li=document.getElementById("choose_li");
    var aLichoose=oChoose_li.getElementsByTagName("li");
    
   		oChoose_leftmove.style.width=(1210*3)+"px";
   		for(var i=0;i<aLichoose.length;i++){
   			aLichoose[i].index=i;
   			aLichoose[i].onmouseover=function(){
   				
   				startMove(oChoose_leftmove,{left:-1210*(this.index)})
   			}
   		}
   		
   
   
// 明星推荐 品牌hover效果
	$(".choose_right div").hover(function(){
		$(this).find("dt").animate({left:-20},500);
		$(this).find("dd").animate({left:20},500);
	},function(){
		$(this).find("dt").animate({left:0},500);
		$(this).find("dd").animate({left:0},500);
	})
	
	//明星同款 hover效果
	$(".star_same").hover(function(){
		$(this).find("div").show();
		$(this).find("ul").show();
				
	},function(){
		$(this).find("div").hide();
		$(this).find("ul").hide();
	})
	
	//购物中心 分类hover效果
	$(".shopcenter li").hover(function(){
		$(this).find("div:first").animate({"marginTop":"-50px"},500);
	},function(){
		$(this).find("div:first").animate({"marginTop":"0"},500);
	})
	
	//购物中心轮播图
	
	//时尚箱包
	
	var oSliderul1=$(".slider_ul")[0];
	var oBagmove1=$(".bag_move ul")[0];
	var aLibagmove1=oBagmove1.getElementsByTagName("a");
	var oBtnprev1=$(".prev")[0];
	var oBtnnext1=$(".next")[0];
	 oSliderul1.innerHTML+=oSliderul1.innerHTML;
	var aLislider1=oSliderul1.getElementsByTagName("li");
	var n=0;
	shopmove(n,oSliderul1,aLibagmove1,aLislider1,oBtnprev1,oBtnnext1);
	
	//典藏腕表
	
	var oSliderul2=$(".slider_ul")[1];
	var oBagmove2=$(".bag_move ul")[1];
	var aLibagmove2=oBagmove2.getElementsByTagName("a");
	var oBtnprev2=$(".prev")[1];
	var oBtnnext2=$(".next")[1];
	 oSliderul2.innerHTML+=oSliderul2.innerHTML;
	var aLislider2=oSliderul2.getElementsByTagName("li");
	var m=0;
	
	shopmove(m,oSliderul2,aLibagmove2,aLislider2,oBtnprev2,oBtnnext2);
	
	//精致配饰
	
	var oSliderul3=$(".slider_ul")[2];
	var oBagmove3=$(".bag_move ul")[2];
	var aLibagmove3=oBagmove3.getElementsByTagName("a");
	var oBtnprev3=$(".prev")[2];
	var oBtnnext3=$(".next")[2];
	 oSliderul3.innerHTML+=oSliderul3.innerHTML;
	var aLislider3=oSliderul3.getElementsByTagName("li");
	var g=0;
	shopmove(g,oSliderul3,aLibagmove3,aLislider3,oBtnprev3,oBtnnext3);
	
	//个护化妆
	
	var oSliderul4=$(".slider_ul")[3];
	var oBagmove4=$(".bag_move ul")[3];
	var aLibagmove4=oBagmove4.getElementsByTagName("a");
	var oBtnprev4=$(".prev")[3];
	var oBtnnext4=$(".next")[3];
	 oSliderul4.innerHTML+=oSliderul4.innerHTML;
	var aLislider4=oSliderul4.getElementsByTagName("li");
	var f=0;
	shopmove(f,oSliderul4,aLibagmove4,aLislider4,oBtnprev4,oBtnnext4);
	
	//时尚鞋服
	
	var oSliderul5=$(".slider_ul")[4];
	var oBagmove5=$(".bag_move ul")[4];
	var aLibagmove5=oBagmove5.getElementsByTagName("a");
	var oBtnprev5=$(".prev")[4];
	var oBtnnext5=$(".next")[4];
	 oSliderul5.innerHTML+=oSliderul5.innerHTML;
	var aLislider5=oSliderul5.getElementsByTagName("li");
	var d=0;
	shopmove(d,oSliderul5,aLibagmove5,aLislider5,oBtnprev5,oBtnnext5)
	
	
	function shopmove(n,oSliderul,aLibagmove,aLislider,oBtnprev,oBtnnext){
		 oSliderul.style.width=(224*6)+"px";
		 for(var i=0;i<aLibagmove.length;i++){
		 	aLibagmove[i].index=i;
		 	aLibagmove[i].onclick=function(){
		 		startMove(oSliderul,{"marginLeft":-(this.index)*224});
		 		for(var i=0;i<aLibagmove.length;i++){
				
					aLibagmove[i].style.background="#666";	
				}
				this.style.background="#c77f40";
		 		
		 	}
		 	
		 }
		 oBtnprev.onclick=function(){
			n=n-2;
			if(n==-2){
			  oSliderul.style.marginLeft=-224*(aLislider.length/2)+"px";
			  n=aLislider.length/2-2;
			}
			move1();
		}
		  oBtnnext.onclick=function(){
		  	move1();
		  }
		function move1(){
			n++;
			if(n==aLislider.length){
				oSliderul.style.marginLeft=-224*(aLislider.length/2-1)+"px";
				n=aLislider.length/2;
			}
			startMove(oSliderul,{"marginLeft":-n*224});
			for(var i=0;i<aLibagmove.length;i++){
				
				aLibagmove[i].style.background="#666";	
			}
			aLibagmove[n%3].style.background="#c77f40";
		}
	
	}
	
	
//	主题活动最后一组图片hover效果

	$(".promotion2_left li").hover(function(){
		var index=$(this).index();
		$(this).addClass("blackborder");
		$(".promotion2_right li").eq(index).fadeIn().siblings().fadeOut();
		
	},function(){
		$(this).removeClass("blackborder");
	})

	//百度信誉
	$(".bd_credit").click(function(){
		$(".bdxy").show(1000);
	})
	
	$(".slide_bd").click(function(){
	    $(".bdxy").hide(1000);
	})
	
	
	//下载第五大道APP
	$(".download_xx").click(function(){
		$(".download_app").hide();
	})


})



